<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="photos/UncleKevin icon.png">
    <title>UncleKevin 我的购物车</title>
    <link rel="stylesheet" href="css/5-购物车.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap-grid.min.css">
    <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/jquery/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div class="top">
        <div class="container">
            <ul class="top-left">
                <div class="download"><li style="color: #99999962;"><a href="">客户端下载&nbsp;</a></li></div>
                <div class="log-in" onclick="window.open('/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html','_self')"><li><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html">登录</a></li></div>
                <div class="sign-in" onclick="window.open('/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html','_self')"><li><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/2-注册.html" style="color:#f26704;">注册</a></li></div>
                <script>
                    $(".log-in").hover(
                        function(){
                        $(".log-in a").css({"margin-left":"40px",
                                            "font-weight":"bold"});
                        },
                        function(){
                        $(".log-in a").css({"font-weight":"normal",
                                            "margin-left":"24px",});
                        }
                    );
                    $(".sign-in").hover(
                        function(){
                        $(".sign-in a").css({"font-weight":"bold",
                                            "margin-left":"38px"});
                        },
                        function(){
                        $(".sign-in a").css({"font-weight":"normal",
                                            "margin-left":"24px"});
                        }
                    );
                    $(".download").hover(
                        function(){
                        $(".download a").css({"color":"#f26704",
                                            "font-weight":"bold"});
                        },
                        function(){
                        $(".download a").css({"font-weight":"normal",
                                            "color":"#888888",});
                        }
                    );
                </script>
            </ul>
            <ul class="top-right">
                <li style="color: #99999962;"><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/10-我的订单.html">我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 1px;float: right;">|</h></li>
                <li style="color: #99999962;"><a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/5-购物车.html">购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 1px;float: right;">|</h></li>
                <li style="color: #99999962;"><a href="">收藏夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><h style="margin-top: 1px;float: right;">|</h></li>
                <li><a href="">联系客服</a></li>
            </ul>
        </div>
    </div>
    <div class="top-Menu">
        <div class="container">
            <a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/1-首页.html"><img class="logo1" src="https://i.loli.net/2021/01/31/VlOCJo75ZI61uYd.png"></a>            
        </div>
        <div class="shoppingcar">我的购物车</div>
    </div>
    <div class="middle">
    </div>
    <div class="container container-middle">
        <div class="fullSelection"><label for="" class="fullSelection-label"><input type="checkbox" class="fullSelection-checkbox" checked><h2> 全选</h2></label><h3>商品名称</h3><h4>单价</h4><h5>数量</h5><h6>小计</h6></div>
        <div class="thing1 thing">
            <label for="" class="thing1-label"><input type="checkbox" class="thing1-checkbox" checked></label>
            <img src="https://i.loli.net/2021/02/19/LQgeyA7kKXouMUO.jpg" alt="">
            <h1 style="margin-top: 45px;">米家恒温电水壶 白色</h1>
            <h2>169元</h2>
            <div class="Number">
                <a href="" class="Number-">-</a>
                <input type="text" class="input" placeholder="1">
                <a href="" class="Number--">+</a>
            </div>
            <h3 class="price price1">169元</h3>
        </div>
        <div class="thing2 thing">
            <label for="" class="thing2-label"><input type="checkbox" class="thing2-checkbox" checked></label>
            <img src="https://i.loli.net/2021/02/19/DNGEyMgjmWdoQwB.jpg" alt="">
            <h1>小米路由器4A 纯白色</h1>
            <h2 style="margin-left: 239px;">89元</h2>
            <div class="Number" style="margin-left: 127px;">
                <a href="" class="Number-">-</a>
                <input type="text" class="input" placeholder="1">
                <a href="" class="Number--">+</a>
            </div>
            <h3 class="price price2">89元</h3>
        </div>
        <div class="thing3 thing">
            <label for="" class="thing3-label"><input type="checkbox" class="thing3-checkbox" checked></label>
            <img src="https://i.loli.net/2021/02/19/RgZVpvQFck8fwu3.jpg" alt="">
            <h1>米家智能IH电饭煲 4L 白</h1>
            <h2 style="margin-left: 220px;">449元</h2>
            <div class="Number" style="margin-left: 116px;">
                <a href="" class="Number-">-</a>
                <input type="text" class="input" placeholder="1">
                <a href="" class="Number--">+</a>
            </div>
            <h3 class="price price3">449元</h3>
        </div>
        <div class="bottom">
            <img style="max-height: 48px;margin-top: 7px;margin-left: 0px;" src="https://i.loli.net/2021/02/20/hFk5f9zu6nPa7YN.jpg" alt="">
            <a href="/Users/kevinwu_21/Desktop/HTML5/2021寒假前端作业/6-确认订单.html"><div class="Settlement">去结算</div></a>
        </div>
    </div>
</body>
</html>